@extends('main.layout')

@section('link')
    <title>招聘人才-艺点意创-品牌顾问,创意设计,传播执行,线上最大品牌创意整合机构</title>
    <meta content="品牌管理,全案策划,logo设计,UI设计,SI设计,工业设计,景观设计,包装设计,网站建设,物料印刷" name='Keywords'>
    <meta content="艺点意创是中国线上最大的品牌创意整合机构，是国内最优秀的LOGO设计、品牌管理全案与标志VI设计公司之一，先后服务宗申、冬奥会、故宫、蒙牛、乌镇、猪八戒等超过5万家企业，是CCTV唯一报道的线上创意服务商。" name='Description'>
    <link rel="stylesheet" type="text/css" href="/css/home/recruit.css">
    <link rel="stylesheet" type="text/css" href="/css/home/index.css">
    <script src="/js/home/y_script.js" type="text/javascript" charset="utf-8"></script>
    <style>
        *{margin: 0;padding: 0;}
    </style>
@endsection
@section('content')
    <div class='h_zhaopin_container' style="margin-top: 90px;">
        <div class="h_zhaopin_banner">
            <div class="h_banner1">
                <div class="h_banner_span">
                    <span class="h_banner_span1">在艺点</span>
                    <span class="h_banner_span2">8小时之内的创意人生</span>
                    <div class="h_banner_span3">In Yipoint, Eight hours of creative life</div>
                </div>
            </div>
            <div style="padding-top: 350px;">
                <p class="h_zhaopin_p1">与艺点发生“关系”，离满分工作又近了一点</p>
                <div class="h_hr">
                </div>
                <p class="h_zhaopin_p2">加入艺点，“艺”起飞</p>
                <p class="h_p3">讲真，现在的工作还凑合，薪资也凑合<br /> 但总觉得离理想的满意工作还差那么一点
                    <br /> 有时也会觉得自己进了个“假公司“
                    <br /> 求职很像找对象
                    <br /> 世人只知落花痴，落花未必有意
                    <br /> -------------------------------------------------------------------------------
                    <br /> 简历没有回音，不一定是你不够好
                    <br /> 你需要等，等一群聊得来的同事
                    <br /> 等一个薪水让你乐不可支的offer
                    <br /> 等一个蠢萌又充满智慧的和蔼上司
                    <br /> 等一个超棒的项目，等一次飞跃的成长
                    <br /> 从来都没有不抵抗重力的飞翔
                    <br /> 只要你足够有料、有自信、有水准、有理想
                </p>
                <p class="h_zhaopin_p1">来自艺点的诱惑</p>
                <p class="h_zhaopin_p2">双休、13薪、提成、分红，气氛好，一切都简单粗暴！</p>
                <div class="h_url">
                    <div class="h_url_img" style="margin-left: 410px;">
                        <img src="/image/home/h_star.png">
                        <img src="/image/home/h_star.png"></div>
                    <div class="h_url_p">
                        {{--<p>去 www.vipyidian.com 看看</p>--}}
                        <p>应聘直投:HR@vipyidian.com</p>
                    </div>
                    <div class="h_url_img">
                        <img src="/image/home/h_star.png">
                        <img src="/image/home/h_star.png"></div>
                </div>
            </div>

        </div>

        <div id="wrap">
            <ul>
                @foreach($recruit as $v)
                    <li>

                        <a href="#" class="a1">
                            <p class="h_a1_p1">{{$v->name}}</p>
                            <p class="h_a1_p2">{{$v->name_en}}</p>
                            <div class="h_wrap_hr"></div>
                            {{--<p class="h_a1_p3">招聘人数：{{$v->number}}人</p>--}}
                        </a>
                        <a href="#" class="a2">
                            <p class="h_a2_p4">{{$v->name}}</p>
                            <div class="h_a2_hr">

                            </div>
                            {{--<div class="h_a2_p5">--}}
                                {{--{{$v->brief}}--}}
                            {{--</div>--}}
                            <p class="h_a2_p6">要求：</p>
                            <div class="h_a2_p7">
                                {!! $v->content !!}
                                {{--1、撒都洒店就扫的<br />1、撒都洒店就扫的<br />1、撒都洒店就扫的<br />1、撒都洒店就扫的--}}
                            </div>
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>
        <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
        <script type="text/javascript">
            $('li').mouseenter(function() {
                $(this).find('.divA').stop().animate({
                    bottom: '-66px'
                });
                $(this).find('.a2').css({
                    left: '0'
                });
                $(this).children('.a2').find('.h_a2_p4').css({
                    left: '0'
                });
                $(this).children('.a2').find('.h_a2_p5').css({
                    left: '0'
                });
                $(this).children('.a2').find('.h_a2_p6').css({
                    transform: 'scale(1)'
                });
                $(this).children('.a2').find('.h_a2_p7').css({
                    bottom: '25px'
                })
            });
            $('li').mouseleave(function() {
                $(this).find('.divA').stop().animate({
                    bottom: '0px'
                });
                $(this).find('.a2').css({
                    left: -$(this).width()
                })
                $(this).children('.a2').find('.h_a2_p4').css({
                    left: -$(this).width()
                })
                $(this).children('.a2').find('.h_a2_hr').css({
                    left: -$(this).width()
                })
                $(this).children('.a2').find('.h_a2_p5').css({
                    left: -$(this).width()
                })
                $(this).children('.a2').find('.h_a2_p6').css({
                    transform: 'scale(1.3)'
                })
                $(this).children('.a2').find('.h_a2_p7').css({
                    bottom: '-10px'
                })
            })
        </script>
        <div class='h_zhaopin_container' style="background: #f5f5f5;height: 790px;">
            <img src="/image/home/h_banner2.png" style="margin-top: 60px;"/>
        </div>
        <div class='h_worth_container'>
            <div class="h_zhaopin_banner">
                <div class="h_hover1">
                    <div class="h_text1"></div>
                    <img class="imgclass1" src="/image/home/h_w1_img1.png">
                    <p class="h_hover_p1">专注创意</p>
                    <p class="h_hover_p2">CREATIVE FOCUS</p>
                    <p class="h_hover_p3">围绕本土企业构建创意服务模块</p>
                </div>
                <div class="h_hover2" style="margin-right:65px;margin-left:60px;">
                    <div class="h_text2"></div>
                    <img class="imgclass2" src="/image/home/h_w2_img1.png">
                    <p class="h_hover_p1">专注体验</p>
                    <p class="h_hover_p2">FOCUS EXPERIENCE</p>
                    <p class="h_hover_p3">一切创意输出都从客户需求出发</p>
                </div>
                <div class="h_hover3">
                    <div class="h_text3"></div>
                    <img class="imgclass3" src="/image/home/h_w3_img1.png">
                    <p class="h_hover_p1">专注创新</p>
                    <p class="h_hover_p2">FOCUS INNOVATION</p>
                    <p class="h_hover_p3">实现真正的创意互联、产联互通</p>
                </div>
            </div>
        </div>
        <div class='h_zhaopin_container'>
            <div class="h_zhaopin_four">
                <p class="h_four_p1">四大价值力</p>
                <div class="h_hr">

                </div>
                <p class="h_p2" style="padding-bottom: 50px;">加入艺点，“艺”起飞</p>

                <div class="h_zhaopin_list">
                    <div class="h_zhaopin_list_hr">

                    </div>
                    <div class="h_zhaopin_list_l">
                        流程深度管理
                    </div>
                    <div class="h_zhaopin_list_r">
                        基于对本土企业客户需求的理解，实现对结果保证导向的深度流程管理，既可以服务于诸多中小型客户， 更可以完整服务大型客户，形成客户服务链条的打通。
                    </div>
                </div>
                <div class="h_zhaopin_list">
                    <div class="h_zhaopin_list_hr">

                    </div>
                    <div class="h_zhaopin_list_l">
                        成本优化控制
                    </div>
                    <div class="h_zhaopin_list_r">
                        艺点不仅对单个设计订单优化成本，更推出针对品牌全生命周期服务的全面解决方案，成本优势全面增强，为客户提供最有性价比的创意服务！
                    </div>
                </div>
                <div class="h_zhaopin_list">
                    <div class="h_zhaopin_list_hr">

                    </div>
                    <div class="h_zhaopin_list_l">
                        视野布局全国
                    </div>
                    <div class="h_zhaopin_list_r">
                        2017年，艺点将会加速布局全国，打造华北大区、华东大区、西南大区、华南大区，实现全国资源整合。
                    </div>
                </div>
                <div class="h_zhaopin_list">
                    <div class="h_zhaopin_list_hr">

                    </div>
                    <div class="h_zhaopin_list_l">
                        用户思维导向
                    </div>
                    <div class="h_zhaopin_list_r">
                        艺点通过互联网成长，从流程管理到成本控制、再到布局全国，艺点始终坚持互联网思维导向，从始至终艺点永远将用户放在第一位，站在客户的角度想问题，站在消费者的角度去理解品牌，用最好、最专业的创意去塑造品牌，去为营销服务！
                    </div>
                </div>

            </div>	<img class="h_boot" src="/image/home/h_boot.png" />
            <div class="h_zhaopin_container1">

                <div class="h_container1">
                    <div class="h_part" style="background-color: #f5f5f5;padding-left: 0px;">
                        <div class="h_box1">
                            <div class="h_box_title">TELEPHONE</div>
                            <div class="h_box_sub">Counseling</div>
                            <div class="h_box_content">电话咨询</div>
                            <div class="h_box_left">
                                <div class="h_box_people"><img src="/image/home/h_img5.png"></div>
                                <div class="h_box_text">别再犹豫，立即致电</div>
                                <div class="h_box_number">400-688-1314</div>
                                <div class="h_box_time">周一至周日（09:00 — 21:00）</div>
                                {{--<div class="h_box_time">周六至周日（09:00 —— 18:00）</div>--}}
                            </div>
                        </div>
                        <div class="h_box1">
                            <div class="h_box_title2">ONLINE</div>
                            <div class="h_box_sub2">Consulting</div>
                            <div class="h_box_content2">在线咨询</div>
                            <div class="h_box_righ">
                                <div class="h_box_people2"><img src="/image/home/h_img4.png"></div>
                                <div class="h_box_text">项目顾问 - 立即沟通</div>
                                <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=2880644294&amp;site=qq&amp;menu=yes" target="_blank"><div class="h_button">点击咨询</div></a>
                                {{--<div class="h_box_p">立刻获得专业建议</div>--}}

                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <script>
            $(document).ready(function() {
                $(".h_hover1").hover(function() {
                    $(".imgclass1").attr("src", "/image/home/h_w1_img2.png");
                    $(".h_text1").css("border", "1px solid #ff5a00");
                }, function() {
                    $(".imgclass1").attr("src", "/image/home/h_w1_img1.png");
                    $(".h_text1").css("border", "none");
                });
                $(".h_hover2").hover(function() {
                    $(".imgclass2").attr("src", "/image/home/h_w2_img2.png");
                    $(".h_text2").css("border", "1px solid #ff5a00");
                }, function() {
                    $(".imgclass2").attr("src", "/image/home/h_w2_img1.png");
                    $(".h_text2").css("border", "none");
                });

                $(".h_hover3").hover(function() {
                    $(".imgclass3").attr("src", "/image/home/h_w3_img2.png");
                    $(".h_text3").css("border", "1px solid #ff5a00");
                }, function() {
                    $(".imgclass3").attr("src", "/image/home/h_w3_img1.png");
                    $(".h_text3").css("border", "none");
                });

            });
        </script>
    </div>
</body>

@endsection